<template>
	<view class="head">
		<view class="headImage">
			<image src="../static/logo.png" mode=""></image>
		</view>
		<view class="headName">twitterusernam</view>
		<view class="headIcon">
			<image src="../static/logo.png" mode=""></image>
			<image src="../static/logo.png" mode=""></image>
		</view>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	.head{
		width: calc(100% - 40rpx);
		padding: 20rpx;
		display: flex;
		.headImage{
			width: 100rpx;
			height: 100rpx;
			margin-right: 20rpx;
			image{
				width: 100rpx;
				height: 100rpx;
				border-radius: 50%;
				border: none;
			}
		}
		.headName{
			width: 80%;
			height: 100rpx;
			line-height: 100rpx;
			color: #fff;
		}
		.headIcon{
			display: flex;
			flex-direction: row-reverse;
			image{
				width: 70rpx;
				height: 70rpx;
				margin: 15rpx 0;
			}
			image:first-child{
				margin-left: 20rpx;
			}
		}
	}
</style>